import { ProLayoutProps } from "@ant-design/pro-components";
  
/**
 * @name
 */
const Settings: ProLayoutProps & {
  pwa?: boolean;
  logo?: string;
} = {
  navTheme: "light",
  colorPrimary: "#3A87FF", //主题色
  layout: "mix",
  title: "中央监护系统",
  logo: "https://gw.alipayobjects.com/zos/rmsportal/KDpgvguMpGfqaHPjicRK.svg",
  fixedHeader: true,
  fixSiderbar: true,
  token: {
    bgLayout: "#F9F9F9",
    sider: {
      colorMenuBackground: "#fff", //menu 的背景颜色
      colorTextMenuTitle: "#333", //sider 的标题字体颜色
      colorTextMenu: "#333", //menuItem 的字体颜色
      colorTextMenuSelected: "#3A87FF", //menuItem 的选中字体颜色
      colorTextMenuActive: "#fff", //menuItem hover 的选中字体颜色
      colorTextMenuItemHover: "#3A87FF", //menuItem 的 hover 字体颜色
      colorBgMenuItemHover: "rgba(243, 248, 255, 0.50)", //menuItem 的 hover 背景颜色
    },
    header: {
      colorBgHeader: "#fff", //header 的背景颜色
      colorHeaderTitle: "#000", //sider 的标题字体颜色
      colorTextRightActionsItem: "#000", //右上角字体颜色
      colorBgRightActionsItemHover: "transparent", //右上角选中的 hover 颜色
      heightLayoutHeader: 64, //header 高度
    },
    pageContainer: {
      paddingBlockPageContainerContent: 16, //上下边距
      paddingInlinePageContainerContent: 20, //左右边距
      colorBgPageContainerFixed: "#F9F9F9",
    },
  },
  contentStyle: {
    minHeight: "calc(100vh - 60px)",
  },
  siderWidth: 212, //侧边菜单宽度
  collapsed: false, //控制菜单的收起和展开
};

export default Settings;
